.ml-auto {
    margin-left: auto !important;
}

body {
    /*
    overflow-y: scroll;始终显示滚动条
    */
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1400px;
}

.col {
    margin-bottom: 30px;
}

.A1 {
    background: linear-gradient(#ffffff, #31f1d4, #faffff);
}

.B1 {
    background: #f8f9fa;
    padding: 8px 0;
    margin-bottom: 30px;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    transition: transform .3s;
    transform: translateY(0);
}

.navbar-nav .nav-item a.nav-link {
    padding: .5rem 2rem;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.navbar-nav .nav-item.active a.nav-link {
    background-color: #55e95f;
}

.C1 {
    padding-top: 5px;
    transition: all 0.5s ease 0s;
}

.navbar-nav .nav-item a.nav-link {
    padding: .5rem 2rem;
    background: linear-gradient(to right, #4400ff, #55e95f, #ff0000);
    -webkit-background-clip: text;
    color: transparent !important;
    font-weight: 500;
    font-size: 20px;
    transition: color 0.5s ease;
    position: relative;
}

.navbar-nav .nav-item a.nav-link:hover {
    color: #55e95f !important;
}

.navbar-nav .nav-item a.nav-link::before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: background-color 0.7s ease;
}

.navbar-nav .nav-item a.nav-link:hover::before {
    background-color: #55e95f;
}

.card-lift--hover {
    overflow: hidden;
    transition: transform 0.3s ease;
}

.B2 img {
    max-height: 270px;
}

/* 当前页面导航项样式 */
.navbar-nav .nav-item.active a.nav-link {
    color: #55e95f !important;
}

.card-lift--hover:hover {
    transform: translateY(-13px);
}

/* 表格样式 */
table {
    margin: auto; /* 居中 */
    border-collapse: collapse; /* 合并边框 */
    width: 70%; /* 设置宽度 */
}

th, td {
    border: 1px solid transparent; /* 设置透明边框 */
    padding: 8px; /* 设置内边距 */
    text-align: center; /* 居中文本 */
}

th {
    background-color: #f2f2f2; /* 设置表头背景颜色 */
}

tr:nth-child(even) {
    background-color: #f2f2f2; /* 设置偶数行背景颜色 */
}